<!DOCTYPE html>
<html id="html" lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <title>游戏后台管理系统</title>
    <script src="//cdn.bootcss.com/vue/2.1.10/vue.min.js"></script>
</head>
<style>
    html{background: #eeeeee;}
    @font-face {
      font-family: 'iconfont';  /* project id："133474" */
      src: url('//at.alicdn.com/t/font_6gg3y6tm884wvcxr.eot');
      src: url('//at.alicdn.com/t/font_6gg3y6tm884wvcxr.eot?#iefix') format('embedded-opentype'),
      url('//at.alicdn.com/t/font_6gg3y6tm884wvcxr.woff') format('woff'),
      url('//at.alicdn.com/t/font_6gg3y6tm884wvcxr.ttf') format('truetype'),
      url('//at.alicdn.com/t/font_6gg3y6tm884wvcxr.svg#iconfont') format('svg');
    }
    .iconfont{font-family:"iconfont";font-size:16px;font-style:normal;vertical-align: middle;}
    .main{width: 500px;height: 350px;position: fixed;border: solid 1px #ddd;background: #fff;box-shadow: 0 0 10px #888;left: 0;top: 0;right: 0;bottom: 0;margin:0 auto;margin-top:200px;
    }
    .main .title{font-size: 22px;text-align: center;margin-top: 40px;margin-bottom: 30px;color: #5974d9;}
    .main .contener{margin-top:40px;}
    .main .contener .block{margin-left:50px;margin-bottom:20px;}
    .main .contener .block .left{font-size:25px;}
    .main .contener .block input{padding-left:10px;height:35px;width:300px;border:solid 1px #ddd;margin-left:15px;}
    .main .btn{width:302px;height:45px;border:solid 1px #ddd;color:#fff;background:#fff;margin-left:90px;margin-top:10px;border-radius:0px;}
    .main .btn-main{border:solid 1px #5974d9;background:#5974d9;font-size:16px;cursor:pointer;}
    .main .btn-main:hover{background:#3d5bcc;}
</style>
<body>
    <div id="login">
        <div class="main">
            <div class="title">游戏后台管理系统</div>
            <div class="contener">
                <div class="block">
                    <span class="iconfont left">&#xe621;</span>
                    <input v-model="openid" type="text" placeholder='用户名'>
                </div>
                <div class="block">
                    <span class="iconfont left">&#xe606;</span>
                    <input v-model="pwd" type="password" placeholder='密码'>
                </div>
                <button type="button" class="btn btn-main" v-on:click="logingoing">登录</button>
            </div>
        </div>
    </div>
</body>
</html>